<template>
  <view class="release-item" @click="handleItemClick">
    <view class="title">
      <text class="tag">
        {{ tagName }}
      </text>
      {{ releaseDetail.title || '' }}
    </view>
    <view class="info">
      <text class="info-item">
        高新区管委会
      </text>
      <text class="info-item">
        发布于  2024/1/20
      </text>
    </view>
  </view>
</template>
<script setup>
import {defineProps, defineEmits} from 'vue'
const props = defineProps({
  releaseDetail: {
    type: Object,
    default: () => {}
  },
  tagName: {
    type: String,
    default:''
  }
})
const emits = defineEmits(['handleItemClickEmit'])
const handleItemClick = () => {
  emits('handleItemClickEmit')
}

</script>
<style scoped lang=less>
.release-item {
  height: 172rpx;
  padding-bottom: 40rpx;
  margin-bottom: 60rpx;
  border-bottom: 1px solid @color-border-grey;
  .title {
    font-family: 'ali-p';
    font-size:  31rpx;
    line-height: 47rpx;
    color: @color-black;
    .tag {
      display: inline-block;
      width: 100rpx;
      text-align: center;
      letter-spacing: 2rpx;
      color: @color-white;
      font-family: 'ali-m';
      font-size: 25rpx;
      border-radius: 8rpx;
      background-color: @color-blue;
    }
  }
  .info {
    margin-top: 32rpx;
    font-family: 'ali-l';
    font-size: 23rpx;
    line-height: 47rpx;
    color: @color-grey;
    &-item {
      &:last-child {
        margin-left: 30rpx;
      }
    }
  }
}
</style>
